<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        <div>
            <input name="username" type="text" placeholder="账号"/>
        </div>
        <div>
            <input  name="password"  type="text" placeholder="密码"/>
        </div>
        <div>
            <button type="button">login</button>
        </div>
    </form>
</body>
<script>
    // FormData
    // 创建一个FormData的实例对象; 如果要传递参数, 传递一个原生的form标签的dom对象
    // 如果传递了, 那么FormData会自动收集表单数据
    // 获取按钮
    var btn=document.querySelector('button');
    // 注册点击事件
    btn.onclick=function(){
        var fd=new FormData(document.querySelector('form'));
        // 获取fd对象中的数据
        var username=fd.get('username');
        var password=fd.get('password');
        // 追加数据
        fd.append('age',19);
        var age=fd.get('age');
        console.log(username,password,age);
    }
    
</script>
</html>